@extends('layouts.app')

@section('title', isset($category->name)?translate($category, 'name'):translate('分类'))
@section('content')
<link href="{{ asset('fontpage/css/fz.css') }}" rel="stylesheet" />
<div class="container" id="container">
    <div class="wrapper">
        <div>
            <div class="header" style="background:#ee4b02;">
                <a href="javascript:history.back();" class="back"><img src="/fontpage/images/zuojiantou.png" alt=""></a>
                <div class="searchbar">
                <form method="get" id="keyword">
                    <div class="search">
                      <input name="jp" value="{{request()->get('jp', 0)}}" type="hidden" />
                        {{ csrf_field() }}
                        <input class="input" type="text" placeholder="{{translate('搜索商品')}}" name="keyword" id="proname" value="">
                        <input type="hidden">
                        <a id="search">
                            <input type="button" class="submit default-cursor" value="">
                        </a>
                    </div>
                </form>
                </div>
            </div>

            <div class="main_body">
                <div class="promenu">
                    <ul class="clearfix" id="selSort">

                        <!-- 排序类型 （0默认 1正序 2 倒序）
                             排序字段 （0默认 1 销量 2 创建时间 3 价格）-->
                        <li>

                            <a id="default-list" href="{{JpUrl($full_url)}}{{strstr($full_url, '?')?'&':'?'}}order=default"
                            @if($order =='default')
                            class="cur"
                            @endif
                            >{{translate('默认')}}</a>
                        </li>
                        <li>

                            <a
                            @if($order =='new')
                            class="cur"
                            @endif
                             id="new-list" href="{{JpUrl($full_url)}}{{strstr($full_url, '?')?'&':'?'}}order=new" >{{translate('最新')}}↓</a>
                        </li>
                        <li>

                            <a
                            @if($order =='number')
                            class="cur"
                            @endif
                             id="sales-list" href="{{JpUrl($full_url)}}{{strstr($full_url, '?')?'&':'?'}}order=number">{{translate('销量')}}↓</a>
                        </li>
                        <li>

                            <a
                            @if($order =='price')
                            class="cur"
                            @endif
                             id="price-list" href="{{JpUrl($full_url)}}{{strstr($full_url, '?')?'&':'?'}}order=price" style="border-right: none;">{{translate('价格')}}↑</a>
                        </li>
                    </ul>
                </div>
                <div class="product">
                    <ul class="prolist clearfix" id="goodsList">

                            @foreach($pageList as $row)
                                <li>
                                    <a href="{{JpUrl('good/detail?id='.$row->id)}}">
                                        <span class="tag tag2" style="display:none;">售罄</span>
                                        <img src="{{url('upload/'.$row->thumb)}}">
                                    </a>
                                    <div class="goolist_name">
                                        <p class="title">{{translate($row, 'title')}}</p>
                                        <p>
                                                <span class="price">¥{{$row->price}}</span>
                                                <span class="kilo" style="float:right">¥ {{$row->price}}/{{translate('个')}}</span>

                                        </p>

                                    </div>
                                </li>
@endforeach
                    </ul>
                    <div class="ajaxMore"><a data-page="2">{{translate('点击加载更多')}}</a></div>
                </div>

            </div>


            <!--<a href="/Cart/Index/" class="index-cart" style="display:block;">
                <i class="cart_num order-numbers" id="cart_sum">0</i>
                <img src="img/cell_list_floatingcart.png">
            </a>-->


            <script type="text/javascript">
            $(function(){
    			$('#search').click(function(){
    				$('#keyword').submit();
    			})
    			$('.ajaxMore').click(function(){
   					ajaxurl('', {page:$('.ajaxMore a').attr('data-page')}, function(res){
   						if(res.data.length >0){
							$('.ajaxMore a').attr('data-page', parseInt(res.current_page)+1)
							$('#goodsList').append(res.data.view);
   	   					}else{
						layer.msg("{{translate('没有了')}}");
   	   	   					}
   	   					})
        		})
            })
                //                  $(function(){
                //                      if (is_login()) {
                //                          var url = '/Cart/GoodsCout/';
                //                          $.post(url, {},
                //                          function (data) {
                //                              if (data.Statu != 0) {
                //                                  $("#cart_sum").show();
                //                                  $("#cart_sum").html(data.Msg);
                //                              }
                //                          }, 'json');
                //                      } else {
                //                          $("#cart_sum").show();
                //                          $("#cart_sum").html("0");
                //                      }
                //
                //                      GoodsListInit(0);
                //                  })
                //
                //                  //根据搜索条件查询商品信息
                //                  function GoodsQuery() {
                //
                //                      GoodsListInit(0);
                //                  }
                //
                //                  //初始化加载商品信息
                //                  function GoodsListInit(type) {
                //
                //                      var TypeID = '7';
                //                      var ClassID = '52';
                //                      var SelName = $("#proname").val();
                //
                //                      $.post("/Goods/IndexData/", { TypeID: TypeID, ClassID: ClassID, GoodsName: SelName, Type: type }, function (data) {
                //                          $("#goodsList").html(data);
                //                      })
                //                  }
                //                  //排序
                //                  function GoodsSort(type) {
                //                      GoodsListInit(type);
                //                  }
                //
                //                  var clicktag=0;
                //                  function addcart(that,tip){
                //
                //                      if(tip!=undefined && tip!=''){
                //                          if(!confirm(tip)){
                //                              return;
                //                          }
                //                      }
                //
                //                      if (clicktag == 0) {
                //                          clicktag = 1;
                //
                //                          if(!is_login()){
                //
                //                              $.prompt("请先登陆", {
                //                                  buttons: { "确定": true },
                //                                  submit: function(e,v,m,f){
                //                                      if(v == true)
                //                                      {
                //                                          window.location.href="/User/Login/";
                //                                          return;
                //                                      }
                //                                  }
                //                              });
                //
                //                          }
                //                          else{
                //                              debugger
                //                              var id=that.attr('id');
                //                              var cart = $("#cart_sum").text() == "" ? 0 : $("#cart_sum").text();
                //                              $.ajax({
                //                                  url: '/Cart/AddGoodsToCart/',
                //                                  type:'post',
                //                                  data: { GoodsID: id },
                //                                  dataType:'json',
                //                                  success:function(data){
                //                                      if (data.Statu == 1) {
                //                                          $("#cart_sum").show();
                //                                          var val = parseInt($(".order-numbers").text() == "" ? 0 : $(".order-numbers").text()) + 1;
                //                                          if(val>99)
                //                                          {
                //                                              $("#cart_sum").css({'width':'28px','border-radius':'15px','padding':'0px'});
                //                                          }
                //                                          $("#cart_sum").css({'padding':'0px'});
                //                                          $(".order-numbers").text(val);
                //                                          $(".order-numbers").addClass("add");
                //                                          setTimeout(function () {
                //                                              clicktag = 0;
                //                                              $(".order-numbers").removeClass("add");
                //                                          },800);
                //
                //                                          /*修改商品数量js end*/
                //
                //                                      }else{
                //
                //                                          $.prompt(data.Msg, {
                //                                              buttons: { "确定": true }
                //                                          });
                //                                          setTimeout(function () {
                //                                              clicktag = 0;
                //                                              $(".order-numbers").removeClass("add");
                //                                          }, 800);
                //                                      }
                //                                  },
                //                                  error:function(){
                //
                //                                      alert('服务器太繁忙，请稍后重试');
                //                                      setTimeout(function () {
                //                                          clicktag = 0;
                //                                          $(".order-numbers").removeClass("add");
                //                                      }, 800);
                //                                  }
                //                              });
                //                          }
                //                      }/*endif_flag*/
                //                  }
                //
                //                  //判断当前是否登录
                //                  function is_login() {
                //                      var login = 'False';
                //                      if (login == "False") {
                //                          return false;
                //                      } else {
                //                          return true;
                //                      }
                //                  }

                //菜单颜色切换
                function SelChange(obj) {
                    var a = document.getElementById("selSort").getElementsByTagName("a");
                    for (var i = 0; i < a.length; i++) {
                        a[i].className = "";
                    }
                    obj.className = "cur";
                }
            </script>
            <!--<script type="text/javascript">
                $(function(){
                    var keyword = '';
                    var sort = '';
                    $("#pageSel").change(function(){
                        var page = $(this).val();
                        var type=  0;
                        window.location.href="/"+page+"?keyword="+keyword+"&type="+type;
                    })
                })
            </script>-->
        </div>
    </div>
</div>

@endsection
@section('footer')
     @include('common.footer')
@stop
